<template>
	<view>
		
		<u-popup :show="showtwo" mode="center" bgColor="transparent" @close="close" @open="open">
			<view class="dingweis" @click="onguanbi">
				
			</view>
		        <view class="fulis_tc">
		            <view class="tc_tops">
		            	消息中心
		            </view>
					<view class="tc_btms">
						<view class="btms_list">
							<view class="u-page__item">
							        <!-- <text class="u-page__item__title">自定义标题和内容</text> -->
							        <u-collapse
							                accordion
											:clickable="false"
											:isLink="false"
							        >
							            
							            
							            <u-collapse-item
							                    title="众多利器"
							            >
							                <!-- <text slot="value" class="u-page__item__title__slot-title">自定义内容</text> -->
							                <text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
							            </u-collapse-item>
							        </u-collapse>
							    </view>
						</view>
					</view>
		        </view>
			</u-popup>
	</view>
</template>

<script>
	export default {
		props:['showtwo'],
		data() {
			return {
			// show: false
			}
		},
		
		methods: {
			onguanbi(){
				this.showtwo = false
			},
			   open() {
				   // this.show=true
			        // console.log('open');
			      },
			      close() {
			        this.showtwo = false
			        // console.log('close');
			      }
		}
	}
</script>

<style lang="scss">
	.fulis_tc{
		width: 600rpx;
		height: 800rpx;
		background: url("https://img.jingkakeji.com/img/static/xiaotan.png");
		background-repeat: no-repeat;
		 background-size: contain;
	}
	.tc_tops{
		width: 100%;
		height: 100rpx;
		text-align: center;
		line-height: 100rpx;
		font-size: 38rpx;
		color: #ffffff;
	}
	.tc_btms{
		width: 100%;
		height: 700rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.dingweis{
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		background: url("https://img.jingkakeji.com/img/static/lianhew.png");
		background-repeat: no-repeat;
		 background-size: contain;
		// background-color: aqua;
		right: 20rpx;
		top:20rpx;
	}
	.btms_list{
		width: 85%;
		height: 100rpx;
		
	}
	 .u-page {
	        padding: 0;
	
	        &__item {
			
	            &__title {
	                 color: #ffffff;
	                 background-color: $u-bg-color;
	                 padding: 15px;
	                 font-size: 15px;
	        
	                &__slot-title {
	                     color: aqua;
	                     font-size: 14px;
	                 }
	            }
	        }
	    }
	
	    .u-collapse-content {
	        color: #ffffff;
	        font-size: 14px;
	    }
</style>
